<template>
	<div class="singer-list" v-if="singerlist.length !== 0">
	  <SingerListItem v-for="(item, index) in singerlist" :key="index" :singeritem="item" />
	</div>
  </template>
  
  <script setup>
  import { defineProps } from 'vue';
  import SingerListItem from './SingerListItem.vue';
  
  // 定义组件的 props
  const props = defineProps({
	singerlist: {
	  type: Array,
	  default: () => [],
	},
  });
  </script>
  
  <style lang="less" scoped>
  .singer-list {
	display: grid;
	justify-content: space-between;
	align-content: space-between;
	grid-template-rows: repeat(8, auto-fill);
	grid-template-columns: repeat(6, 15%);
  }
  </style>
  